body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

body {
  color: #666666;
  font-size: 14px; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

ol, ul {
  list-style: none; }

img {
  vertical-align: top; }

caption {
  text-align: left; }

q:before, q:after {
  content: ''; }

fieldset, img, abbr, acronym {
  border: 0; }

html {
  box-sizing: border-box; }

.w1200 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 0; }

*, *:before, *:after {
  box-sizing: inherit; }

a:focus, a:active {
  outline: none; }

a, a:focus, a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none; }

div:focus {
  outline: none; }

.fl {
  float: left; }

.fr {
  float: right; }

.pr {
  position: relative; }

.pa {
  position: absolute; }

.inline {
  display: inline-block; }

.flex {
  display: flex; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.clearfix, .c {
  clear: both; }
  .clearfix:after, .c:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }

.caret-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  height: 34px;
  width: 24px;
  vertical-align: middle;
  cursor: pointer;
  overflow: initial;
  position: relative; }
  .caret-wrapper .sort-caret {
    width: 0;
    height: 0;
    border: solid 5px transparent;
    position: absolute;
    left: 7px; }
    .caret-wrapper .sort-caret.ascending {
      border-bottom-color: #C0C4CC;
      top: 5px; }
      .caret-wrapper .sort-caret.ascending.active {
        border-bottom-color: #561E83; }
    .caret-wrapper .sort-caret.descending {
      border-top-color: #C0C4CC;
      bottom: 6px; }
      .caret-wrapper .sort-caret.descending.active {
        border-top-color: #561E83; }

.icons-wrapper {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  cursor: pointer;
  overflow: initial;
  position: relative; }
  .icons-wrapper .w6 {
    width: 6px; }

.letterDiv {
  display: flex;
  flex-wrap: wrap; }

.XscrollDiv {
  display: -webkit-box;
  overflow-x: scroll; }

.letterDiv .btns, .XscrollDiv .btns {
  width: 38px;
  height: 38px;
  color: #561E83;
  font-size: 16px;
  background: rgba(86, 30, 131, 0.07);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  cursor: pointer; }
  .letterDiv .btns.activeIn, .XscrollDiv .btns.activeIn {
    color: #fff;
    background: #561E83; }
  .letterDiv .btns:hover, .XscrollDiv .btns:hover {
    color: #fff;
    background: #561E83; }
.letterDiv .btnsYD, .XscrollDiv .btnsYD {
  width: 38px;
  height: 38px;
  color: #561E83;
  font-size: 16px;
  background: rgba(86, 30, 131, 0.07);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  cursor: pointer; }
  .letterDiv .btnsYD.activeIn, .XscrollDiv .btnsYD.activeIn {
    color: #fff;
    background: #561E83; }

/*# sourceMappingURL=library.css.map */